<div class="main-list" id="main-list" ng-if="!missingAppdefinition">
  <div class="form-group">
    <div class="container-fluid">
      <h1>Start Workflow</h1>
      <div class="subtle" translate="PROCESS.MESSAGE.SELECT-DEFINITION"></div>
      <div>
        <div class="form-group">
          <div class="no-results" ng-show="popupModel.userResults.length == 0">
            <span>{{ 'PROCESS.MESSAGE.NO-PROCESS-DEFINITIONS' | translate }}</span>
          </div>

          <ul class="simple-list selection">
            <li
              ng-if="definition.name != 'Hire' && definition.name != 'Todo'"
              ng-class="{'active' : processDefinition.id == definition.id}"
              ng-repeat="definition in processDefinitions"
              ng-click="selectProcessDefinition(definition)"
            >
              {{ definition.name }}
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="main-content-wrapper" ng-show="!processDefinition.id && !missingAppdefinition">
  <div class="help-container" auto-height ng-cloak>
    <div>
      <div class="help-text wide">
        <div class="description" ng-show="processDefinitions.length == 0">
          {{ 'PROCESS.MESSAGE.NO-PROCESS-DEFINITIONS' | translate }}
        </div>
        <div class="description" ng-show="processDefinitions.length > 0">
          {{ 'PROCESS.MESSAGE.NO-PROCESS-DEFINITION-SELECTED-HELP' | translate }}
        </div>
      </div>
    </div>
  </div>
</div>

<div class="main-content-wrapper" ng-show="processDefinition.id && !missingAppdefinition">
  <div class="main-content">
    <div class="header">
      <div class="form-group">
        <h2>
          <edit-in-place value="processName"></edit-in-place>
        </h2>
      </div>
      <span>{{ processDefinition.description }}</span>
    </div>

    <activiti-form
      process-name="processName"
      process-definition-id="processDefinitionWithStartFormId"
      form-definition="startFormDefinition"
      ng-show="processDefinitionWithStartFormId"
    ></activiti-form>

    <div class="form-wrapper container-fluid">
      <div class="pull-right" ng-show="processDefinitions.length && !processDefinitionWithStartFormId">
        <button class="btn btn-default" ng-disabled="processName.length == 0" ng-click="createProcessInstance()">
          {{ 'FORM.DEFAULT-OUTCOME.START-PROCESS' | translate }}
        </button>
      </div>
    </div>
  </div>
</div>

<div ng-if="missingAppdefinition" ng-include="appResourceRoot + 'views/integration-mode-error.html'"></div>
